$(function () {
    // 主体内容 tab栏切换
    $('.main-tab a').click(function () {
        $(this).addClass('main-tab-blue').siblings().removeClass('main-tab-blue')
        var index = $(this).index()
        $('.main-body').children().eq(index).show().siblings().hide()
    })
    //热榜模块 tab栏切换
    $('.hot-chart-tab button').click(function () {
        $(this).addClass('tab-blue').siblings('button').removeClass('tab-blue')
        var index = $(this).index()
        $('.hot-chart-body').eq(index).show().siblings('.hot-chart-body').hide()
    })
    // 推荐栏 展开
    $('.recommend-item .txt').click(function () {
        $(this).parents('.content').hide()
        $(this).parents('.content').siblings('.total').show()
    })
    $('.total .txtup').click(function () {
        $(this).parents('.total').hide()
        $(this).parents('.total').siblings('.content').show()
    })

    // header 切换
    var tabTop = $('.container-tab').offset().top
    $(window).scroll(function () {
        if ($(document).scrollTop() >= tabTop) {
            $("header").hide()
            $('.slide').show()
        } else {
            console.log(tabTop);
            $('.slide').hide()
            $("header").show()

        }
    })
    // 热榜 收起 展开
    $('.hot-chart-tab a').click(function () {
        $('.hotchart-loading').show()
    })
    $('.loading-tab button').click(function () {
        $(this).addClass('tab-blue').siblings('button').removeClass('tab-blue')
        var index = $(this).index()
        $('.hot-chart-body').eq(index).show().siblings('.hot-chart-body').hide(500, function () {
            $('.hotchart-loading').hide()
            $('.hot-chart-tab button').eq(index).addClass('tab-blue').siblings('button').removeClass('tab-blue')
        })
        // $('.hotchart-loading').hide()
    })
    $('.hotchart-loading a').click(function () {
        $('.hotchart-loading').hide()
    })
    $('.hotchart-loading .loading-cancer').click(function () {
        $('.hotchart-loading').hide()
    })
    $('.hotchart-loading .loading-sure').click(function () {
        $('.hotchart-loading').hide()
    })
    // 热榜 删除标签
    $('.loading-tab').on('mouseover', 'button', function () {
        $(this).children().show()
    })
    $('.loading-tab').on('mouseleave', 'button', function () {
        $(this).children().hide()
    })
    $('.loading-tab button').on('click', 'span', function (e) {
        $(this).parents('button').remove()
        var newbtn = $("<button>" + $(this).parents('button').html().slice(0, 2) + "</button>");
        // newbtn.text();
        $(".loading-add").prepend(newbtn);
        e.stopPropagation();
    })
    $('.loading-add').on('click', 'button', function () {
        $(this).remove()
        var newbtn_2 = $("<button>" + $(this).text() + "<span>×</span></button>");
        // newbtn_2.text($(this).text());
        $(".loading-tab").append(newbtn_2);
    })

    // 赞同
    $('.agree').attr('data-boolean', 'true')
    $('.diss').attr('data-boolean', 'true')
    var flag2 = true
    var flag3 = true
    $('.agree').on('click', function () {
        flag2 = JSON.parse($(this).attr('data-boolean'))
        flag3 = JSON.parse($(this).siblings().attr('data-boolean'))

        if (flag2 && flag3) {
            $(this).text('▲已赞同' + (parseInt($(this).text().substr(3)) + 1)).css({
                backgroundColor: '#06f',
                color: '#fff',
            })

            $(this).attr('data-boolean', 'false')
            $(this).siblings('.diss').attr('data-boolean', 'true')

        } else if (flag2 && !flag3) {
            $(this).text('▲已赞同' + (parseInt($(this).text().substr(3)) + 1)).css({
                backgroundColor: '#06f',
                color: '#fff',
            })
            $(this).siblings('.diss').css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })
            $(this).attr('data-boolean', 'false')
            $(this).siblings('.diss').attr('data-boolean', 'true')
        } else if (!flag2 && flag3) {
            $(this).text('▲赞同' + (parseInt($(this).text().substr(4)) - 1)).css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })
            $(this).attr('data-boolean', 'true')
            $(this).siblings('.diss').attr('data-boolean', 'true')
        }
    })


    $('.diss').on('click', function () {
        flag2 = JSON.parse($(this).siblings('.agree').attr('data-boolean'))
        flag3 = JSON.parse($(this).attr('data-boolean'))

        if (flag2 && flag3) {
            $(this).css({
                color: '#fff',
                backgroundColor: '#06f',
            })

            $(this).siblings('.agree').attr('data-boolean', 'true')
            $(this).attr('data-boolean', 'false')

        } else if (flag2 && !flag3) {
            $(this).css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })

            $(this).siblings('.agree').attr('data-boolean', 'true')
            $(this).attr('data-boolean', 'true')

        } else if (!flag2 && flag3) {
            $(this).siblings('.agree').text('▲赞同' + (parseInt($(this).siblings('.agree').text().substr(4)) - 1)).css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })
            $(this).css({
                color: '#fff',
                backgroundColor: '#06f',
            })
            $(this).siblings('.agree').attr('data-boolean', 'true')
            $(this).attr('data-boolean', 'false')
        }
    })
    // 取消喜欢
    var flag = true
    $('.like').click(function () {
        if (flag) {
            $(this).html('<span></span>取消喜欢');
            flag = false
        } else {
            $(this).html('<span></span>喜欢');
            flag = true
        }
    })
    // 更多模块
    $('.more').click(function () {
        $(this).parents('.discuss').find('.more-content').show()
    })
    $('.more').blur(function () {
        $(this).parents('.discuss').find('.more-content').hide()
    })
})